<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>河工东管理系统</title>
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.7.0/themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.7.0/themes/icon.css"/>
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.7.0/demo/demo.css"/>
    <script type="text/javascript" src="js/jquery-easyui-1.7.0/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-easyui-1.7.0/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>

    <script type="text/javascript" src="js/echarts.min.js"></script>

    <script type="text/javascript" src="js/api/api.js"></script>
    <script type="text/javascript" src="js/index.js"></script>

    <style>
        #westHead{
            width:250px;background:rgba(255, 255, 255, 0);
            line-height:60px;
        }
        #centerHead{
            width:500px;background:rgba(255, 255, 255, 0);
            line-height:60px;
        }
        #eastHead{
            background:rgba(255, 255, 255, 0);
            line-height:60px;
            padding-right:40px;
        }
    </style>
</head>
<body class="easyui-layout">
    <div data-options="region:'north',border:false" class="easyui-layout"
         style="height:60px;background:#B3DFDA url('images/10529735_183642239363_2.jpg') no-repeat;background-size:100% 100%;">
        <a target="_blank" href="http://192.168.239.129/zentao/my/">登陆禅道</a>
        <!-- 头部长条区域****************开始 -->
        <div id="westHead" data-options="region:'west',border:false" style="padding-left:20px;">
            <span id="spanTime"></span>
        </div>
        <div id="centerHead" data-options="region:'east',border:false" style="">
            <a href="#" class="easyui-menubutton" data-options="menu:'#mm1',iconCls:'icon-man'">
                <span id="currentUser"></span>
            </a>
            <a href="#" class="easyui-menubutton" data-options="menu:'#mm2',iconCls:'icon-edit'">编辑
            </a>
            <a href="#" class="easyui-menubutton" data-options="menu:'#mm3',iconCls:'icon-help'">帮助</a>
            <a href="#" class="easyui-menubutton" data-options="menu:'#mm4'">系统</a>
        </div>

        <div id="mm1" style="width:150px;">
            <div>我的</div>
            <div onclick="logout()">退出</div>
        </div>
        <div id="mm2" style="width:100px;">
            <div>马后</div>
            <div>马后</div>
        </div>
        <div id="mm3">
            <div>马后</div>
            <div>马后</div>
        </div>
        <div id="mm4">
            <div>马后</div>
            <div onclick="instruction()">介绍</div>
        </div>


        <div id="eastHead" data-options="region:'center',border:false" style=""></div>

        <div id="instructionWindow" style="padding:10px;overflow:hidden;">
            <input id="instructionInput" class="easyui-textbox" data-options="
            height:435,
            width:570,
            multiline:true,
            editable:false
            "/>
        </div>

        <!-- 头部长条区域********结束 -->
    </div>
    <div data-options="region:'west',split:true,title:'菜单列表'" style="width:300px;padding:10px;">
        <ul id="menuTree" class="easyui-tree">
        </ul>
    </div>
    <!--<div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region-->
    <!--</div>-->
    <!--<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region</div>-->
    <div data-options="region:'center',title:'Center'">
        <div id="tags" class="easyui-tabs" style="width:100%;height:100%">
            <div title="数据看板" data-options="closable:false" style="width:100%;overflow:auto;padding:10px;">
                <div id="harmfulComponentPanel" class="easyui-panel" title="VOCS排放量"
                     style="width:97%;height:400px;padding:10px;background:#fafafa;"
                     data-options="collapsible:true">
                </div>
            </div>
        </div>
    </div>
</body>
</html>